<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>注册页面</title>
    <link rel="shortcut icon" th:href="@{/favicon.ico}">
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
    <link th:href="@{/css/font-awesome.css}" rel="stylesheet">
    <link th:href="@{/css/plugins/iCheck/custom.css}" rel="stylesheet">
    <link th:href="@{/css/animate.css}" rel="stylesheet">
    <link th:href="@{/css/style.css}" rel="stylesheet">
    <script>if(window.top !== window.self){ window.top.location = window.location;}</script>
</head>
<body class="gray-bg">

<div class="middle-box text-center loginscreen   animated fadeInDown">
    <div>
        <div>

            <h1 class="logo-name">DX</h1>

        </div>
        <h3>欢迎注册</h3>
        <p>创建一个新账户</p>
        <form class="m-t" role="form" th:action="@{/account/register}" method="post">
            <div class="form-group">
                <input type="text" class="form-control" name="username" placeholder="请输入用户名" required="">
            </div>
            <div class="form-group">
                <input type="text" class="form-control" name="name" placeholder="请输入昵称" required="">
            </div>
            <div class="form-group">
                <input type="password" class="form-control" name="password" placeholder="请输入密码" required="">
            </div>
            <div class="form-group">
                <input type="number" class="form-control" name="phone" placeholder="请输入电话号码" required="">
            </div>
            <div class="form-group">
                <input type="number" class="form-control" name="email" placeholder="请输入邮箱" required="">
            </div>
            <div class="form-group">
                <input type="text" class="form-control" name="address" placeholder="请输入地址" required="">
            </div>
            <div class="form-group" hidden="hidden">
                <input type="number" class="form-control" name="balance" value="200" placeholder="请输入余额" required="">
            </div>
            <div class="form-group">

                <label class="checkbox-inline">
                    <input type="radio" checked="" value="读者"  name="role">读者</label>
<!--                <label class="checkbox-inline">-->
<!--                    <input type="radio" value="管理员"  name="role">管理员</label>-->
<!--                <label class="checkbox-inline">-->
<!--                    <input type="radio" value="平台管理员" name="role">平台管理员</label>-->
            </div>
            <div class="form-group text-left">
                <div class="checkbox i-checks">
                    <label class="no-padding">
                        <input type="checkbox"><i></i> 我同意注册协议</label>
                </div>
            </div>
            <button type="submit" class="btn btn-primary block full-width m-b">注 册</button>

            <p class="text-muted text-center"><small>已经有账户了？</small><a th:href="@{/account/toLogin}">点此登录</a>
            </p>

        </form>
    </div>
</div>

<!-- 全局js -->
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
<!-- iCheck -->
<script th:src="@{/js/plugins/iCheck/icheck.min.js}"></script>
<script>
    $(document).ready(function () {
        $('.i-checks').iCheck({
            checkboxClass: 'icheckbox_square-green',
            radioClass: 'iradio_square-green',
        });
    });
</script>


</body>
</html>